سون لرن • آموزش
درباره سایت
آخرین مطالب
- کمپین پایان تابستان سون هاست آغاز شد!
- آموزش متد init در پایتون: ساده با مثال و کد؛ ۴ نکته
- ساختار match در PHP چیست؟ آموزش با مثال و تفاوت با switch
- چطور جستجوی ایمن را خاموش کنیم؟؛ آموزش گام به گام و ویدیویی❤️
- ترندترین سبک های طراحی سایت سال 2026 معرفی شد!
- حل مشکل فارسینویسی در لاتکس با بسته زیپرشین (XePersian)
- بررسی بازار کار و حقوق نقشهکش اتوکد در ایران؛ راههای استخدام
- ریتیل چیست؟ آشنایی با انواع کسبوکارهای ریتیل
- بهترین هوش مصنوعی ادیت عکس رایگان؛ حذف پسزمینه، روتوش و بهبود کیفیت
- آیا ثبت برند برای فروش در اینستاگرام ضروری است؟
امکانات وب
در این قسمت میخوام یک کد ( polanquette login screen ) جالب رو در اختیارتون بزارم.
همونطور که دیدید یک فرم ساخته شده و زمانی که بر روی Continue کلیک میکنید، به زیبایی حرکت میکنه و مثلا میگه که اطلاعات اشتباه وارد کردید. شما میتونین از این استایل برای حالت ارور فرمهاتون استفاده کنید.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
Source
نوع کد رايگان
برچسب: کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ,
نویسنده: استخدام کار
در این قسمت میخوام یک کد ( Contact Icons Animation ) جالب رو در اختیارتون بزارم.
همونطور که دیدید تعدادی آیکون تماس با ما قرار داده شده و روی هر کدوم که هاور میکنید، یک حالت زیبا و چرخشی برای اون نمایش داده میشه. میتونین از این نمونه در سایتتون استفاده کنید.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
Source
نوع کد رايگان
برچسب: کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ,
نویسنده: استخدام کار
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک فونت زیبا و حرفه ای قرار داده شده و شما میتونین اون رو بصورت رایگان دانلود کرده و استفاده کنید. فونت برای حالتهای Normal و Italic قرار داده شده. برای دانلود این فونت بر روی دکمه آبی رنگ Download Font کلیک کنید تا بسته مورد نظر در اختیارتون قرار بگیره.
برای شروع وارد سایت skybird بشین.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
برچسب:
نویسنده: استخدام کار
در این مطلب میخوام سایتی رو بهتون معرفی کنم که با استفاده از اون میتونین انیمیشنهای جالبی رو به Checkbox های خودتون اعمال کنید و اونا رو معناگرا کنید. مثلا اگر بر روی Checkbox ای که label اون برابر با UP هست کلیک کنید، به سمت بالا حرکت میکنه و اگر بر روی Rotate کلیک کنید، Checkbox مرتبط به اون میچرخه. چنین ابزاری برای Radio ها هم وجود داره که میتونین اینجا اونو ببینید.
برای شروع وارد سایت checkbox بشین.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
برچسب:
نویسنده: استخدام کار
0 19 ۲۴ مهر ۹۵
در این جلسه با ادامه آموزش mjml در خدمت شما هستیم. در جلسه پیش مقدماتی در مورد mjml در اختیارتون قرار دادیم. در این جلسه قصد داریم که این ابزار رو بر روی سیستم خودمون نصب کنیم و پلاگینهای اون رو برای ادیتورهای Sublime Text و Atom قرار بدیم تا بتونیم با فایلهای اون بخوبی و زیبایی کار کنیم. در قدم اول شما باید بر روی سیستم خودتون Node.js رو نصب کرده باشید. این ابزار برای اجرا به Node با نسخه بالاتر 4.2.x نیاز داره. آموزش کامل نصب کردن Node در این آدرس قرار داده شده و شما میتونین از اون استفاده کنید.
بعد از اینکه Node رو بر روس سیستم خودتون نصب کردید، npm که مدیریت کنند
برچسب: آموزش استفاده از اسنپ چت,آموزش استفاده از توییتر,آموزش استفاده از,آموزش استفاده از snapchat,آموزش استفاده از اسپری تاخیری,آموزش استفاده از برنامه کرفس,آموزش استفاده از توالت فرنگی,آموزش استفاده از تلگرام,آموزش استفاده از لارجر باکس,آموزش استفاده از کاندوم,
نویسنده: استخدام کار
در این قسمت میخوام یک کد ( Kinetic Mark ) جالب رو در اختیارتون بزارم.
همونطور که دیدید یک لودر زیبا ساخته شده و با حالتی خاص دچار چرخش قرار میگیره. شما میتونین از این نمونه درون سایتتون استفاده کنید.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
Source
نوع کد رايگان
برچسب: کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ,
نویسنده: استخدام کار
0 30 ۲۲ مهر ۹۵
در جلسه قبل در مورد استایل دهی به Underline براتون توضیحاتی دادم و شما رو با مزایا و معایب border-bottom آشنا کردم. در این جلسه میخایم در مورد دیگر روشها با همدیگه بحث کنیم.
استفاده از box-shadow
همونطور که میدونین با استفاده از ویژگی box-shadow میتونیم سایه هایی رو برای المنتهای مورد نظرمون قرار بدیم. سایه ها بصورت پیش فرض خارج از المنت ها قرار میگیرن ولی شما میتونین با قرار دادن مقدار inset اونا رو درونی کنید و با اینکار اون سایه درون خود المنت قرار میگیره. برای اینکه با استفاده از box-shadow یک underline قرار بدیم باید از دو تا سایه inset استفاده کنیم. شما از این نمونه U
برچسب: ترفندهای حرفه ای تلگرام,ترفندهای حرفه ای فیسبوک,ترفندهای حرفه ای فتوشاپ,ترفندهای حرفه ای کامپیوتر,ترفندهای حرفه ای ویندوز 7,ترفندهای حرفه ای اکسل,ترفندهای حرفه ای لاین,ترفندهای حرفه ای واتس اپ,ترفندهای حرفه ای ورد,ترفندهای حرفه ای پاورپوینت,
نویسنده: استخدام کار
در این مطلب میخوام سایتی رو بهتون معرفی کنم که که درون اون بصورت کامل در مورد واحدهای vw و vh توضیح داده و شما با استفاده از اون میتونین تایپوگرافیتون رو انعطاف پذیر تر کنید و روی هر دستگاهی به خوبی نمایش بدین. همونطور که میدونید vw و vh به ترتیب مخفف vertical width و vertical height هستن.
برای شروع وارد سایت fluid-typography بشین.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
برچسب:
نویسنده: استخدام کار
0 5 ۲۱ مهر ۹۵
در جلسه قبل در مورد استایل دهی به Underline براتون توضیحاتی دادم و شما رو با مزایا و معایب text-decoration آشنا کردم. در این جلسه میخایم در مورد دیگر روشها با همدیگه بحث کنیم.
استفاده از border-bottom
استفاده از ویژگی border-bottom یک راه سریع و قابل سفارشی شدن رو در اختیار ما قرار میده که میتونیم با استفاده از اون Underline برای متون خودمون قرار بدیم. چون که ما داریم از border درون css استفاده میکنیم، پس میتونیم استایل، رنگ و ضخامت اون رو به آسونی تغییر بدیم. حالا فرض کنید تعدادی المنت از نوع inline داریم و میخایم با استفاده از border-bottom برای اونا underline قرار بدیم.
کد HTML:
<
برچسب: ترفندهای حرفه ای تلگرام,ترفندهای حرفه ای فیسبوک,ترفندهای حرفه ای فتوشاپ,ترفندهای حرفه ای کامپیوتر,ترفندهای حرفه ای ویندوز 7,ترفندهای حرفه ای اکسل,ترفندهای حرفه ای لاین,ترفندهای حرفه ای واتس اپ,ترفندهای حرفه ای ورد,ترفندهای حرفه ای پاورپوینت,
نویسنده: استخدام کار
0 29 ۲۲ مهر ۹۵
در طی سالهای اخیر به دیلی سیل خروج از کشور زبان انگلیسی به یکی از اصلی ترین نیازهای افراد تبدیل گشته است. در مجموع یادگیری زبان بسیار برای مقاصد شغلی و تحصیلی مفید می باشد. برای این دسته از افراد دوره های آموزشی استاد پورامیری در حال حاضر از بهترین دوره های خصوصی آیلتس و زبان در سراسر کشور است و به دلیل نتیاج درخشان زبان آموزان، وی به عنوان جادوگر آیلتس ایران شناخته شده است. همچنین این دوره ها به دلیلی ماهیت اصلاحی که دارند تضمین می نمایند که داوطلب تمامی مطالب آموزش داده شده را فراگیرد و به بهترین نحو برای آزمون آیلتس آماده شود. این دوره
برچسب: کلاس های خصوصی ریاضی,کلاس های خصوصی تافل,کلاس های خصوصی زبان انگلیسی,کلاس های خصوصی آیلتس,کلاس های خصوصی حسابداری,کلاس های خصوصی,کلاس های خصوصی زبان,کلاس های خصوصی کنکور,کلاس های خصوصی رزمی,کلاس های خصوصی بازیگری,
نویسنده: استخدام کار
در این قسمت میخوام یک کد ( Animated Camera Icon ) جالب رو در اختیارتون بزارم.
همونطور که دیدید یک آیکون دوربین بصورت انیمیشنی ساخته شده و عکس بصورت زیبا از اون خارج میشه.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
Source
نوع کد رايگان
برچسب: کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ,
نویسنده: استخدام کار
در این قسمت میخوام یک کد ( BoldMedia Logo Variation ) جالب رو در اختیارتون بزارم.
همونطور که دیدید یک لوگوی قرار داده شده و زمانی که بر روی اون هاور میشه به زیبایی جمع میشن و پشت هم قرار میگیرن.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
Source
نوع کد رايگان
برچسب: کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ,
نویسنده: استخدام کار
0 50 ۱۹ مهر ۹۵
به نام خدا و سلام. در جلسه پنجاهم از دوره مجازی پلاگین نویسی وردپرس در خدمت شما هستیم با پیاده سازی امکان ارسال اعلانات سفارشی و عملیات های سفارشی در زمان انتشار یک مطلب در وب سایت وردپرسی شما. در ابتدا و در ادامه ای جلسه قبل توابع ارسال پیامک و ایمیل رو برای زمان ثبت نام کاربر پیاده سازی می کنیم و سپس hook انتشار مطلب که publish_post هست رو پیاده سازی می کنیم هم چنین اطلاعات کامل مطلب رو با استفاده از آرگومان هایی که به توابع callback این hook ها ارسال میشه می تونیم دریافت کنیم.اطلاعات کامل کاربر رو به همین صورت می تونیم دریافت کنیم و در قسمت ارسال اعل
برچسب:
نویسنده: استخدام کار
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }
body {
font-family: 'Roboto Mono', monospace;
background: #3992fd;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.section {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.section--nav {
position: relative;
overflow: hidden;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section__title {
font-size: 0.65em;
font-weight: 700;
-webkit-flex: none;
flex: none;
margin: 3em 0 15em;
text-indent: 3px;
letter-spacing: 3px;
text-transform: uppercase;
برچسب: استایل زیبا برای فتوشاپ,استایل زیبا برای نظرات وردپرس,استایل زیبا برای پاورپوینت,استایل زیبا برای جدول,استایل زیبا برای سایت,استایل زیبا برای جدول در css,استایل های زیبا برای فتوشاپ,دانلود استایل زیبا برای فتوشاپ,کد استایل زیبا برای سایت,دانلود استایل های زیبا برای فتوشاپ,
نویسنده: استخدام کار
:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .عضویت/ ورود سریع با :
در حال اتصال ...
برچسب: آموزش استفاده از اسنپ چت,آموزش استفاده از توییتر,آموزش استفاده از,آموزش استفاده از snapchat,آموزش استفاده از اسپری تاخیری,آموزش استفاده از برنامه کرفس,آموزش استفاده از توالت فرنگی,آموزش استفاده از تلگرام,آموزش استفاده از لارجر باکس,آموزش استفاده از کاندوم,
نویسنده: استخدام کار
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }
body {
font-family: 'Roboto Mono', monospace;
background: #d2f1ca;
color: #e54f4f;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.section {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.section--nav {
position: relative;
overflow: hidden;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section__title {
font-size: 0.65em;
font-weight: 700;
-webkit-flex: none;
flex: none;
margin: 3em 0 15em;
text-indent: 3px;
letter-spacing: 3px;
text-transform: uppercas
برچسب: استایل زیبا برای فتوشاپ,استایل زیبا برای نظرات وردپرس,استایل زیبا برای پاورپوینت,استایل زیبا برای جدول,استایل زیبا برای سایت,استایل زیبا برای جدول در css,استایل های زیبا برای فتوشاپ,دانلود استایل زیبا برای فتوشاپ,کد استایل زیبا برای سایت,دانلود استایل های زیبا برای فتوشاپ,
نویسنده: استخدام کار
در این مطلب میخوام سایتی رو بهتون معرفی کنم که طراحی حرفه ای و زیبایی داره و المنتها با حالتی انیمیشنی و زیبا جابجا میشن. اگه کمی با سایت کار کنید و بر روی دکمه های مختلف کلیک کنید، میبینید که اطلاعات کاملتر با استایلی زیبا و دیدنی نمایش داده میشن.
برای شروع وارد سایت tomerleer بشین.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
برچسب:
نویسنده: استخدام کار
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
#outlook a { padding: 0; }
.ReadMsgBody { width: 100%; }
.ExtealClass { width: 100%; }
.ExtealClass * { line-height:100%; }
body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
p { display: block; margin: 13px 0; }
</style>
<!--[if !mso]><!-->
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
</style>
<style type="text/css">
@media only screen and (max-width:480px) {
@-ms-viewport { width:320p
برچسب: آموزش استفاده از اسنپ چت,آموزش استفاده از توییتر,آموزش استفاده از,آموزش استفاده از snapchat,آموزش استفاده از اسپری تاخیری,آموزش استفاده از برنامه کرفس,آموزش استفاده از توالت فرنگی,آموزش استفاده از تلگرام,آموزش استفاده از لارجر باکس,آموزش استفاده از کاندوم,
نویسنده: استخدام کار
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک فونت زیبا و دیدنی قرار داده شده و شما میتونین اون رو بصورت رایگان دانلود کرده و در طراحیاتون از اون استفاده کنید. برای دانلود این فونت باید به انتهای صفحه مورد نظر برید و ایمیلتون رو درون باکس مورد نظر وارد کنید و بر روی دکمه Unlock now کلیک کنید.
برای شروع وارد سایت aabel بشین.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
برچسب: دانلود aabel,
نویسنده: استخدام کار
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }
body {
font-family: 'Roboto Mono', monospace;
background: #f7f5ed;
color: #d6856d;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.section {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.section--nav {
position: relative;
overflow: hidden;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section__title {
font-size: 0.65em;
font-weight: 700;
-webkit-flex: none;
flex: none;
margin: 3em 0 15em;
text-indent: 3px;
letter-spacing: 3px;
text-transform: uppercas
برچسب: استایل زیبا برای فتوشاپ,استایل زیبا برای نظرات وردپرس,استایل زیبا برای پاورپوینت,استایل زیبا برای جدول,استایل زیبا برای سایت,استایل زیبا برای جدول در css,استایل های زیبا برای فتوشاپ,دانلود استایل زیبا برای فتوشاپ,کد استایل زیبا برای سایت,دانلود استایل های زیبا برای فتوشاپ,
نویسنده: استخدام کار
<!DOCTYPE html>
<html>
<head>
<title>table</title>
<style type="text/css">
table {
overflow: hidden;
}
td, th {
padding: 10px;
position: relative;
outline: 0;
}
body:not(.nohover) tbody tr:hover {
background-color: #ffa;
}
td:hover::after,
thead th:not(:empty):hover::after,
td:focus::after,
thead th:not(:empty):focus::after {
content: '';
height: 10000px;
left: 0;
position: absolute;
top: -5000px;
width: 100%;
z-index: -1;
}
td:hover::after,
th:hover::after {
background-color: #ffa;
}
td:focus::after,
th:focus::after {
background-color: lightblue;
}
/* Focus stuff for mobile */
td:focus::before,
tbody th:focus::before {
background-color: lightblue;
content: '';
height: 100%;
top: 0;
left: -5000px;
position: absolute;
width: 10000px;
z-index: -1;
}
</style>
</head>
<body>
<table>
<thead>
&l
برچسب: ترفندهای حرفه ای تلگرام,ترفندهای حرفه ای فیسبوک,ترفندهای حرفه ای فتوشاپ,ترفندهای حرفه ای کامپیوتر,ترفندهای حرفه ای ویندوز 7,ترفندهای حرفه ای اکسل,ترفندهای حرفه ای لاین,ترفندهای حرفه ای واتس اپ,ترفندهای حرفه ای ورد,ترفندهای حرفه ای پاورپوینت,
نویسنده: استخدام کار
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل تغییراتی که در نقشه گوگل یا Google Maps بوجود اومده رو به شما میگه و با استفاده از اون بیشتر میتونین با Google Maps آشنایی پیدا کنید. این مطلب عکسهای زیادی قرار داده که سمت چپ اون حالت قدیم و سمت راست اون حالت جدید رو نمایش میده. با کلیک بر روی هر عکس هم سایزش زیاد میشه و راحتتر میشه اون رو متوجه شد.
برای شروع وارد سایت google-maps بشین.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
برچسب:
نویسنده: استخدام کار
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }
body {
font-family: 'Roboto Mono', monospace;
background: #1e1b2c;
color: #f39468;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.section {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.section--nav {
position: relative;
overflow: hidden;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section__title {
font-size: 0.65em;
font-weight: 700;
-webkit-flex: none;
flex: none;
margin: 3em 0 15em;
text-indent: 3px;
letter-spacing: 3px;
text-transform: uppercas
برچسب: استایل زیبا برای فتوشاپ,استایل زیبا برای نظرات وردپرس,استایل زیبا برای پاورپوینت,استایل زیبا برای جدول,استایل زیبا برای سایت,استایل زیبا برای جدول در css,استایل های زیبا برای فتوشاپ,دانلود استایل زیبا برای فتوشاپ,کد استایل زیبا برای سایت,دانلود استایل های زیبا برای فتوشاپ,
نویسنده: استخدام کار
0 202 ۱۰ مهر ۹۵
در جلسه اول از فصل دوم دوره آموزشی ایلوستریتور می پردازیم به بررسی تکنیک bird logo در این جلسه می پرداریم به:
بررسی استفاده از اشکال تو در تو و احجام هندسی برای رسیدن به طرح دلخواه
نحوه جداسازی بخش هاس مختلف و بسته چندین شی توسط ابزار Shape Builder
توضیحاتی در مورد ابزار Multiply
کار با ابزار Gradient
مثالی کاربردی برای استفاده از احجام تو در تو
و...
پروژه این جلسه :
توضیحات : گرافیک گرافیک گرافیک، واژه ای که روزانه دست کم یک مورد وابسته با آنرا می بینیم و یا چیزی در مورد آن می شنویم. در دنیای امروزی جایی که بخش اعظمی از زندگی ما با تکنولوژی گره خورده بخش
برچسب:
نویسنده: استخدام کار
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }
body {
font-family: 'Roboto Mono', monospace;
background: #eae096;
color: #ff5722;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.section {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.section--nav {
position: relative;
overflow: hidden;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section__title {
font-size: 0.65em;
font-weight: 700;
-webkit-flex: none;
flex: none;
margin: 3em 0 15em;
text-indent: 3px;
letter-spacing: 3px;
text-transform:
برچسب: استایل زیبا برای فتوشاپ,استایل زیبا برای نظرات وردپرس,استایل زیبا برای پاورپوینت,استایل زیبا برای جدول,استایل زیبا برای سایت,استایل زیبا برای جدول در css,استایل های زیبا برای فتوشاپ,دانلود استایل زیبا برای فتوشاپ,کد استایل زیبا برای سایت,دانلود استایل های زیبا برای فتوشاپ,
نویسنده: استخدام کار
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون لیستی از منابع رایگان رو در اختیار شما قرار داده و شما میتونین با استفاده از دسته بندی که این سایت انجام داده منابع مورد نظر خودتون در اون دسته مشخص رو پیدا کرده و بصورت رایگان از اون استفاده کنید و پروژتون رو بهتر پیاده سازی کنید.
برای شروع وارد سایت resourcecards بشین.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
برچسب:
نویسنده: استخدام کار
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل به شما آموزش میده که چطور با استفاده از Javascript خالص یا Vanilla Javascript اسکرول نرم رو پیاده سازی کنید و از اون در سایتتون استفاده کنید. با مطالعه این آموزش با موارد بسیار زیادی آشنا میشید و خیلی بدردتون میخوره.
برای شروع وارد سایت smooth-scrolling بشین.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
برچسب:
نویسنده: استخدام کار
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 30 آیکون زیبا مربوط به سالن پیرایش مو قرار داده شده و شما میتونین اون رو بصورت رایگان دانلود کرده و استفاده کنید. برای دانلود این مجموعه در صفحه مورد نظر بر روی Download pack کلیک کنید. این آیکون ها در فرمتهای eps و png و psd و svg قرار داده شدن. همچنین در فایل مورد نظر فونتهای اون هم قرار داده شده و میتونین از آیکون فونت اون استفاده کنید.
برای شروع وارد سایت Hair-Salon بشین.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
برچسب: hair salon دانلود,hair salon دانلود بازی,hair salon دانلود اندروید,toca hair salon دانلود,hair salon 2 دانلود,hair salon android دانلود,دانلود hair salon برای اندروید,دانلود hair salon 2 برای اندروید,toca hair salon me دانلود,toca hair salon 2 دانلود بازی,
نویسنده: استخدام کار
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }
body {
font-family: 'Roboto Mono', monospace;
background: #27272b;
color: #ff4d3b;
min-height: 510px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.section {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.section--nav {
position: relative;
overflow: hidden;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section__title {
font-size: 0.65em;
font-weight: 700;
-webkit-flex: none;
flex: none;
margin: 3em 0 15em;
text-indent: 3px;
letter-spa
برچسب: استایل زیبا برای فتوشاپ,استایل زیبا برای نظرات وردپرس,استایل زیبا برای پاورپوینت,استایل زیبا برای جدول,استایل زیبا برای سایت,استایل زیبا برای جدول در css,استایل های زیبا برای فتوشاپ,دانلود استایل زیبا برای فتوشاپ,کد استایل زیبا برای سایت,دانلود استایل های زیبا برای فتوشاپ,
نویسنده: استخدام کار
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }
body {
font-family: 'Roboto Mono', monospace;
background: #62ea80;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.section {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.section--nav {
position: relative;
overflow: hidden;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section__title {
font-size: 0.65em;
font-weight: 700;
-webkit-flex: none;
flex: none;
margin: 3em 0 15em;
text-indent: 3px;
letter-spacing: 3px;
text-transform: uppercase;
برچسب: استایل زیبا برای فتوشاپ,استایل زیبا برای نظرات وردپرس,استایل زیبا برای پاورپوینت,استایل زیبا برای جدول,استایل زیبا برای سایت,استایل زیبا برای جدول در css,استایل های زیبا برای فتوشاپ,دانلود استایل زیبا برای فتوشاپ,کد استایل زیبا برای سایت,دانلود استایل های زیبا برای فتوشاپ,
نویسنده: استخدام کار
صفحه بندی
آرشیو مطالب
- مهر 1405
- شهريور 1405
- تير 1405
- آذر 1404
- آبان 1404
- شهريور 1403
- مرداد 1403
- تير 1403
- خرداد 1403
- ارديبهشت 1403
- فروردين 1403
- آذر 1402
- آبان 1402
- مهر 1402
- شهريور 1402
- مرداد 1402
- تير 1402
- خرداد 1402
- ارديبهشت 1402
- فروردين 1402
- اسفند 1402
- بهمن 1402
- دی 1402
- آذر 1401
- آبان 1401
- مهر 1401
- شهريور 1401
- مرداد 1401
- تير 1401
- خرداد 1401
- ارديبهشت 1401
- اسفند 1401
- بهمن 1401
- دی 1401
- ارديبهشت 1400
- اسفند 1400
- بهمن 1400
- شهريور 1399
- تير 1399
- خرداد 1399
- ارديبهشت 1399
- فروردين 1399
- آذر 1398
- آبان 1398
- مهر 1398
- مرداد 1398
- تير 1398
- ارديبهشت 1398
- اسفند 1398
- بهمن 1398
- دی 1398
- آذر 1397
- شهريور 1397
- مرداد 1397
- تير 1397
- خرداد 1397
- ارديبهشت 1397
- فروردين 1397
- اسفند 1397
- بهمن 1397
- دی 1397
- آذر 1396
- آبان 1396
- مهر 1396
- شهريور 1396
- مرداد 1396
- تير 1396
- خرداد 1396
- ارديبهشت 1396
- فروردين 1396
- اسفند 1396
- بهمن 1396
- دی 1396
- آذر 1395
- آبان 1395
- مهر 1395
- شهريور 1395
- مرداد 1395
- تير 1395
- خرداد 1395
- ارديبهشت 1395
- فروردين 1395
- اسفند 1395
- بهمن 1395
- دی 1395
- اسفند 1394
- بهمن 1394
- دی 1394